<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 外部样式，推荐方式 
			相对路径:相对于自己  ..代表上一级目录
		-->
		<link rel="stylesheet" type="text/css" href="../css/my.css"/>
		<!-- 
		Ctrl+Shift+/
		内部样式，也不建议写到这里，但是为了简单写demo会写到这里 -->
		<style type="text/css">
			/* 标签选择器,页面上所有的h1标签都被选中 */
			h1{
				text-decoration: underline;
			}
			.blue{
				color: blue;
				font-size: 20px;
			}
		</style>
	</head>
	<body>
		<!-- 内嵌样式，不推荐这样使用，html的代码和样式耦合在一起 -->
		<h1 style="color: red;font-size: 20px;">王老师</h1>
		<h1 class="blue">朱老师</h1>
		<h1 class="blue yellow" >高老师</h1>
	</body>
</html>
